<!DOCTYPE html>
<html lang="en">
<head>
    <meta data-th-replace="~{fragments :: meta-charset}">
	<meta data-th-replace="~{fragments :: meta-viewport}">
	<link data-th-replace="~{fragments :: favicon}">
    <title>首页</title>
	<link data-th-replace="~{fragments :: bootstrap-css}" />
	<link data-th-replace="~{fragments :: common-css}"/>
</head>
<body>

	<nav data-th-replace="~{fragments :: header}"></nav>

	<main role="main" class="container">
		<div class="list-group list-group-flush">
			<a data-th-each="summary : ${summaries}" data-th-href="@{'/article/id/' + ${summary.id}}" class="list-group-item list-group-item-action flex-column align-items-start">
				<div class="d-flex w-100 justify-content-between">
					<h5 class="mb-0" data-th-text="${summary.title}">title</h5>
					<small data-th-text="${#calendars.format(summary.lastUpdateTime,'yyyy-MM-dd')}">3 days ago</small>
				</div>
			</a>
		</div>
	</main>

	<footer data-th-replace="~{fragments :: footer}"></footer>

</body>
</html>